.tittle {
	padding: 4.67vw 0 3.47vw;
	background-color: #fbfbfb;
	text-align: center;
	border-bottom: 1px solid #cecece;
}

.border {
	height: 2.8vw;
	background-color: #f4f4f4;
}

.item {
	margin: 2.93vw 2.53vw 3.07vw 3.6vw;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.checked {
	width: 4vw;
	height: 3.47vw;
	position: absolute;
	top: 0;
	left: 0;
}

.little-box {
	width: 4.13vw;
	height: 4.13vw;
	border: solid 0.13vw #d1d1d1;
	position: relative;

}

.list .goods-pic {
	width: 21.33vw;
	height: 21.47vw;
}

.item .content {
	display: flex;
	justify-content: space-between;
	width: 88vw;
}

.item .text {
	width: 60.67vw;
}

.item .text .goods-tittle {
	font-size: 3.47vw;
	color: #555555;
}

.item .text .price {
	color: #555555;
	font-size: 3.47vw;
}

.item .text .details {
	color: #999;
	font-size: 3.2vw;
	padding-bottom: 4.7vw;
	padding-top: 2.27vw;
}

.item .cancle {
	position: absolute;
	top: 0;
	right: 0;
}

.item .num-control {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.item .num-control button {
	width: 10.93vw;
	height: 7.07vw;
	background-color: white;
	border: 0.27vw solid #f4f4f4;
}

.item .num-control .num {
	text-align: center;
	display: inline-block;
	width: 10.93vw;
	padding-top: 1.4vw;
	height: 5.13vw;

	border: 0.27vw solid #f4f4f4;
}



.items {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding-bottom: 13vw;
}

.guess-you-like .headline {
	text-align: center;
	padding: 4.8vw 0;
}

.guess-you-like .box {
	width: 45.87vw;
	padding-bottom: 5.47vw;

}

.guess-you-like .box img {
	width: 100%;

}

.guess-you-like .box .name {
	color: black;
	padding: 0.8vw 0 0.53vw;
}

.guess-you-like .box .price {
	color: #c55a5c;
}

.nav {
	padding-top: 2.93vw;
	display: flex;
	justify-content: space-around;
	position: fixed;
	bottom: 0vw;
	width: 100%;
	background-color: #fbfbfb;
	border-top: 2px solid #eaeaea;
}

.nav-box {
	width: 10vw;
	text-align: center;
	font-size: 2.27vw;
}

.nav-box img {
	width: 5.6vw;
}

.total {
	width: 100%;
	position: fixed;
	bottom: 13.5vw;
	display: flex;
	justify-content: space-between;
	border: solid 0.27vw #eaeaea;
}

.total .content {
	background-color: #fbfbfb;
	width: 70vw;
	display: flex;
	justify-content: space-between;
	padding: 4.4vw 2.67vw;
}

.total .button {
	width: 30vw;
	font-size: 3.6vw;
	color: white;
	text-align: center;
	padding: 4.5vw 0;
	background-color: #e5e5e5;

}

.total .little-box {
	vertical-align: middle;
	display: inline-block;
}

.total .content .text {
	vertical-align: middle;

}

.total .content .money {
	color: #c55a5c;
}
